<!DOCTYPE html>
<html>
<head>
    <title>提前预约</title>
    <meta  charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <link rel="stylesheet" href="https://cdn.bootcss.com/weui/1.1.2/style/weui.min.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/jquery-weui/1.2.0/css/jquery-weui.min.css">
    <link rel="stylesheet" href="https://jqweui.cn/dist/demos/css/demos.css ">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_587767_rj4fkdnklqttvs4i.css ">
    <script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>

    <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
    <link rel="stylesheet" href="__TMPL__/public/assets/css/demos.css">

</head>

<body >
<!--头部开始-->
<div class="page__bd">
    <div class="weui-flex" style="border-bottom: 1px solid gainsboro;background: #FCFCFC;height: 45px">
        <div class="weui-flex__item" style="margin-top: 15px;">
            <div class="placeholder"style="margin-left: 10px;margin-top: -5px;" >
                <a href="##"><span  style="color: #04BE02;"  onclick="history.back()"  class="icon  icon-back"></span>
                </a></div>
        </div>

        <div class="weui-flex__item">
            <div class="placeholder" style="font-size: 15px;text-align: center;margin-top: 12px;">提前预约</div></div>
        <div class="weui-flex__item"><div class="placeholder" ></div></div>
    </div>
    <!--头部结束-->

    <form  action="{:url('Detail/subscribe')}"  name="aa" method="post">
        <input type="hidden" name="teacher_id" value="{$teacher_id}">
        <div class="weui-cells weui-cells_form" style="margin-top: 0px">
            <div class="weui-cell">
                <div class="weui-cell__hd"><label for="name" class="weui-label">年级：</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="name" type="text" value="" name="grade">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label  class="weui-label">科目：</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="mobile" type="text" value="" name="subject">
                </div>
            </div>
            <div class="weui-cell">
                <div class="weui-cell__hd"><label for="time3" class="weui-label">时间：</label></div>
                <div class="weui-cell__bd">
                    <input class="weui-input" id="time3" type="text" name="time">
                </div>
            </div>
        </div>
        <div id="time-container"></div>
        <div class="weui-cells__title" style="color: #000000;font-size: 16px">预约内容</div>
        <div class="weui-cells weui-cells_form">
            <div class="weui-cell">
                <div class="weui-cell__bd">
                    <textarea class="weui-textarea"  name="content" placeholder="请输入文本" rows="3"></textarea>
                </div>
            </div>
        </div>
        <div class="weui-btn-area">
            <input class="weui-btn weui-btn_primary" type="submit"  value="确定">
        </div>
    </form>
</div>
<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/swiper.min.js"></script>
<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/city-picker.min.js"></script>


<script src="__TMPL__/public/assets/js/fastclick.js"></script>
<script>
    $(function() {
        FastClick.attach(document.body);
    });
</script>
<script>
    $("#name").picker({
        title: "请选择您的年级？",
        cols: [{
                textAlign: 'center',
                values: ['一年级', '二年级', '三年级', '四年级', '五年级', '六年级','初一','初二', '初三', '高一', '高二', '高三']
            }
        ]
    });
    $("#mobile").picker({
        title: "请选择您的科目",
        cols: [{
            textAlign: 'center',
            values: ['数学', '语文', '英语', '物理', '化学', '生物', '政治', '历史', '地理', '奥数', '科学']
        }],
        onChange: function(p, v, dv) {
            console.log(p, v, dv);
        },
        onClose: function(p, v, d) {
            console.log("close");
        }
    });
    $("#time3").datetimePicker({
        times: function() {
            return [{
                values: ['上午(6:00-12:00)', '下午(12:00-18:00)','下午(18:00-24:00)']
            }];
        },
        value: '2018-4-1 上午',
        onChange: function(picker, values, displayValues) {
            console.log(values);
        }
    });
</script>
<script>

    $(".weui-btn").click(function () {
        if($(".weui-textarea").val()==""||$(".weui-input").val()==""){
            alert("请将信息填写完整");
        }
        else {
            window.location.href="{:url('Detail/subscribe')}";
        }
    });
</script>
</body>
<!--<script src="https://cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>-->
<!--<script src="https://cdn.bootcss.com/jquery-weui/1.2.0/js/jquery-weui.min.js"></script>-->
</html>
